/*================首页样式及公共部分样式================*/
.banner{position: relative;background: #fff;}
.banner .pic{ position:relative;}
.banner .pic .bd{position:relative; z-index:0;margin:0px auto; overflow:hidden;}
.banner .pic .bd .list li{float: left;}
.banner .pic .bd .list li{ width:100%; height:794px; text-align:center;  overflow:hidden}
.banner .pic .bd .list li a{display: block;width: 100%;height: 794px;}

.banner .pic .hd{ position:absolute; left:0px; bottom:40px; z-index:1;width: 100%; height:28px;}
.banner .pic .hd ul { width:100%;text-align: center;}
.banner .pic .hd ul li {margin:0 7px;display: inline-block; width:28px; height:28px;text-align: center; text-indent:-9999em; cursor:pointer;}
.banner .pic .hd ul li span{display:block; width:28px;height:28px;background: url(../images/icon/icon_1.png) top right no-repeat;}
.banner .pic .hd ul .on span {background: url(../images/icon/icon_2.png) top right no-repeat;}


.title{text-align: center;}
.title b{padding-top: 37px; display: block;font-family: "Arial";font-size: 36px;color: #005694;}
.title i{display: block;font-size: 32px;color: #333;}

.ind01{}
.ind01 ul{width: 1224px;margin:43px 0 0 -12px;}
.ind01 ul li{float: left;margin:0 13px 26px 13px; width: 382px;height: 299px;border-radius: 8px; }
.ind01 .lis{position: relative; background: #fff;border-bottom: #e02129 1px solid;cursor: pointer;box-shadow: 0 0 95px rgba(0,0,0,0.05);}
.ind01 .lis .next{}
.ind01 .lis .next .pic{width: 100%;height: 70px;}
.ind01 .lis .next .pic i{display: block;margin:0 auto;width: 338px;line-height: 70px;text-align: right;font-size: 18px;color: #333;}
.ind01 .lis .next .text{margin:0 auto;width: 336px;}
.ind01 .lis .next .text .t{height: 80px;line-height: 80px;}
.ind01 .lis .next .text .t b{margin-right: 10px; display: block;float: left;font-family: "Arial";font-size: 50px;color: #b11e24;}
.ind01 .lis .next .text .t i{display: block;float: left;max-width: 287px;height: 80px; font-family: "Arial";font-size: 16px;color: #bbb;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ind01 .lis .next .text p{margin-bottom: 14px; font-size: 16px;color: #666;line-height: 27px;height: 81px;overflow: hidden;}
.ind01 .lis .next .text .more{}
.ind01 .lis .next .text .more em{display: block;float: left; font-size: 16px;color: #999;}
.ind01 .lis .next .text .more span{display: block;float: right;width: 10px;height: 24px;background: url(../images/icon/icon_3.png) center no-repeat;}

.ind01 .lis .bac{opacity: 0;transition: all 0.3s; position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: #e02129;border-radius: 8px;}
.ind01 .lis .pos{visibility: hidden; position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;text-align: center;color: #fff;}

.ind01 .lis .pos b{ padding:70px 0 20px; display: block;font-size: 18px;font-weight: normal;}
.ind01 .lis .pos i{padding-bottom:30px; display: block;font-size: 12px;font-family: "Arial";}
.ind01 .lis .pos .icon{margin: 0 auto;width: 70px;height: 70px;background: url(../images/icon/icon_4.png) center no-repeat;}
.ind01 .lis .pos .icon em{ display: block;transform: scale(0);transition-duration: 0.5s;opacity: 0; width: 100%;height: 100%;background: url(../images/icon/icon_5.png) center no-repeat;}

.ind01 .lis:hover{}
.ind01 .lis:hover .bac{opacity: 1;transition: all 0.3s;}
.ind01 .lis:hover .pos{visibility: visible;}

.ind01 .lis:hover .pos b,.ind01 .lis:hover .pos i{-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;}
.ind01 .lis:hover .pos .icon{-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;}
.ind01 .lis .pos .icon:hover em{transform: scale(1);transition-duration: 0.5s;opacity: 1; }
.ind01 .col_b{border-bottom: #005685 1px solid;}
.ind01 .col_b .next .text .t b{color:#005786; }
.ind01 .col_b .bac{background: #005685;}

.ind01 .col_g{border-bottom: #107f35 1px solid;}
.ind01 .col_g .next .text .t b{color:#107f35; }
.ind01 .col_g .bac{background: #107f35;}


.ind01 .search{position: relative;height: 300px;/*background: url(../images/index/ind01_6.jpg) center no-repeat;*/}
.ind01 .search b{display: block;padding: 42px 0 20px; font-size: 24px;color: #005694;font-weight: normal;}
.ind01 .search i{display: block;padding-bottom: 36px; font-size: 14px;color: #999;}
.ind01 .search .inp{width: 382px;height: 50px;line-height: 50px;background: #fff; border-radius: 50px;box-shadow: 0 0 18px rgba(0,0,0,0.08);}
.ind01 .search input{display: block;float: left;margin-left: 18px;height: 50px;line-height: 50px;font-size: 14px;color: #c8c8c8;border-radius: 50px 0 0 50px;}
.ind01 .search button{display: block;float: right;width: 86px;height: 50px;border-radius: 0 50px 50px 0;border:none; background: #005694 url(../images/icon/icon_6.png) center no-repeat;cursor: pointer;}
.ind02{}
.ind02 .t{margin:-50px 0 0px; width: 100%;/*height: 942px;*/filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index/ind02.jpg',sizingMethod='scale');background: url(ind02.jpg) center no-repeat;background-size: cover;}
.ind02 .t .swiper-container {padding-bottom: 11px; margin-top: 60px; width: 100%;}
.ind02 .t .swiper-slide a{display: block;width: 100%;}
.ind02 .t .swiper-slide a .pic{margin:0 auto; width: 78%;height: 504px;background: #fff;opacity: 0.7;}
.ind02 .t .swiper-slide a .pic i{display: block;width: 100%;height: 100%;}
.ind02 .t .swiper-slide a .pic img{display: block; width: 100%;}
.ind02 .t .swiper-slide a .next{display: none; width: 86%;margin:0 auto;height: 105px;line-height: 105px; font-size: 24px;color: #fff;text-align: center;}
.ind02 .t .swiper-slide.swiper-slide-active a .next{display: block;}
.ind02 .t .swiper-slide.swiper-slide-active a .pic{opacity: 1;}
.ind02 .swiper-container-3d .swiper-slide-shadow-left,.ind02 .swiper-container-3d .swiper-slide-shadow-right{background: none;}
.ind02 .swiper-button-next, .ind02 .swiper-button-prev{margin-top: -75px;width: 42px;}
.ind02 .swiper-button-next{right: 36%;background: url(icon_15.png) center no-repeat;}
.ind02 .swiper-button-prev{left: 36%;background: url(icon_14.png) center no-repeat;}
.ind02 .swiper-button-next:hover{background: url(icon_15s.png) center no-repeat;}
.ind02 .swiper-button-prev:hover{background: url(icon_14s.png) center no-repeat;}

@media screen and (max-width:1680px){
	.ind02 .swiper-button-next{right: 35%;}
	.ind02 .swiper-button-prev{left: 35%;}
}
@media screen and (max-width:1600px){
	.ind02 .swiper-button-next{right: 35.5%;}
	.ind02 .swiper-button-prev{left: 35.5%;}
}
@media screen and (max-width:1440px){
	.ind02 .swiper-button-next{right: 35%;}
	.ind02 .swiper-button-prev{left: 35%;}
}
@media screen and (max-width:1400px){
	.ind02 .swiper-button-next{right: 35%;}
	.ind02 .swiper-button-prev{left: 35%;}
}





.ind02 .t{}
.ind02 .title b{/*padding-top: 173px;*/color: #fff;}
.ind02 .title i{color: #fff;}

.ind02 .b{width: 100%;padding: 23px 0; height: 44px;text-align: center; background: #005694;}
.ind02 .b div{margin:0 auto; width: 700px;}
.ind02 .b b{display: block;float: left; padding-right: 40px; font-size: 24px;color: #fff;line-height: 44px;overflow: hidden;}
.ind02 .b a{position: relative;overflow: hidden; display: block;float: right; width: 186px;height: 42px;line-height: 42px;text-align: center;font-size: 16px;color: #fff; border:#669abf 1px solid;}
.ind02 .b a i{z-index: 2;}
.ind02 .b a:after {
  background: #fff;
  content: "";
  height: 155px;
  left: -75px;
  opacity: .2;
  position: absolute;
  top: -50px;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
  -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;

}

.ind02 .b a:hover:after {
  left: 120%;
  -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.photo-mask {position: fixed;left: 0;top: 0;z-index: 3;width: 100%;height: 100%; background:url(../images/pag5_bac.png) repeat;display: none;}
.photo-panel {display: none;position: fixed;top: 50%;left: 50%;clear: both;z-index: 5;margin: -270px 0 0 -520px; width: 1040px;height: 640px;}
.photo-panel .photo-bar {position: relative; width: 100%;}
.photo-panel .photo-div {position: relative;margin: auto;width: 1040px;height: 560px;z-index: 11;   }
.photo-panel .photo-close {position: absolute;top: 0px;right: -20px;z-index: 6; width: 56px;height: 56px;background: url(../images/close.png);cursor: pointer;  }
.photo-panel .photo-close:hover{background:url(../images/close_ch.png);}
.photo-panel .photo-bar-tip{width:1000px;height:44px;position:absolute;margin-top:-64px;padding:10px}
.photo-panel .photo-bar-tip:hover{width:1000px;height:44px;position:absolute;margin-top:-64px;background:#000;filter:alpha(opacity=20);-moz-opacity:.8;opacity:.8;color:#fff;padding:10px}
.photo-panel .photo-img{padding: 0 20px;width: 1000px; float:left;height:640px;background:#fff}
.photo-panel .photo-view-w,.photo-panel .photo-view-h{margin:0 auto;width: 1000px; height:640px;text-align:center;vertical-align:middle;display:table-cell}
.photo-panel .photo-view-w img,.photo-panel .photo-view-h img{display: inline-block; vertical-align:middle;text-align:center;min-width: 350px; max-height:600px;max-width: 950px;}
.photo-panel .photo-left,
.photo-panel .photo-right {position: absolute;top: 50%; width: 120px;height: 120px;margin-top:-10px;cursor: pointer;}
.photo-panel .photo-left{left: -120px;}
.photo-panel .photo-right{right: -120px;}
.photo-panel .arrow-prv {width: 100%;height:100%; background: url(../images/l.png) center no-repeat;}
.photo-panel .arrow-prv:hover {background: url(../images/l_ch.png) center no-repeat;}
.photo-panel .arrow-next {width: 100%;height:100%;background: url(../images/r.png) center no-repeat;}
.photo-panel .arrow-next:hover {background: url(../images/r_ch.png) center no-repeat;cursor: pointer;}






.ind03{padding-top: 80px;width: 100%;height: 844px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index/ind03.jpg',sizingMethod='scale');background: url(../images/index/ind03.jpg) center no-repeat;background-size: cover;}
.ind03 .t{}
.ind03 .t .left{width: 790px;}
.ind03 .t dt{float: left;width: 303px;height: 370px;background: url(../images/index/ind03_1.png) center no-repeat;}
.ind03 .t dt a{display: block;width: 100%;height: 100%;position: relative;}
.ind03 .t dt i{display: block;position: absolute;left: 30px;bottom: 30px;width: 42px;height: 42px;background: url(../images/icon/icon_7.png) center no-repeat;}
.ind03 .t dt a:hover i{background: url(../images/icon/icon_8.png) center no-repeat;}
.ind03 .t dd{float: left;width: 487px;height: 370px;background: url(../images/index/ind03_2.png) center no-repeat;}
.ind03 .t dd a{display: block;margin:48px 0 0 75px; width: 350px;transition: all 0.5s;}
.ind03 .t dd i{margin-bottom: 17px;display: block;line-height: 58px; font-family: "Arial";font-size: 16px;color: #333;border-bottom: #005694 1px solid;}
.ind03 .t dd b{padding-bottom: 10px; display: block;font-size: 20px;color: #333;line-height: 38px;font-weight: normal;}
.ind03 .t dd p{margin-bottom: 18px; font-size: 16px;color: #999;line-height: 36px;}
.ind03 .t dd em{display: block;opacity: 0;transition: all 0.5s; width: 38px;height: 16px;background: url(../images/icon/icon_10.png) right center no-repeat;}
.ind03 .t dd a:hover{margin-top: 23px;transition: all 0.5s;}
.ind03 .t dd a:hover i{color: #005694;}
.ind03 .t dd a:hover em{opacity: 1;width: 100%;transition: all 0.5s;}

.ind03 .t .right{width: 385px;height: 370px;background: url(../images/index/ind03_3.png) center no-repeat;}
.ind03 .t .right a{display: block;width: 100%;height: 100%;position: relative;}
.ind03 .t .right .pos{position: absolute;left: 30px;bottom: 30px;}
.ind03 .t .right i{display: block;font-family: "Arial";font-size: 16px;color: #333;}
.ind03 .t .right b{margin-bottom: 22px; display: block;font-weight: normal;font-size: 30px;color: #005694;}
.ind03 .t .right em{display: block;width: 42px;height: 42px;background: url(../images/icon/icon_8.png) center no-repeat;}
.ind03 .t .right a:hover em{background: url(../images/icon/icon_8s.png) center no-repeat;}

.ind03 .b{margin-top: 25px;}
.ind03 .b .left{padding: 0 30px; width: 326px;height: 370px;background: #fff;border-radius: 4px;}
.ind03 .b .tit{line-height: 74px;font-size: 14px;color: #333; border-bottom: #ccc 1px solid;}
.ind03 .b .pic{ position:relative;height: 255px;}
.ind03 .b .pic .bd{position:relative; z-index:0;margin:0px auto; overflow:hidden;}
.ind03 .b .pic .bd li{float: left; width:325px; overflow:hidden}
.ind03 .b .pic .bd a{display: block;padding:33px 0 0 30px;transition: all 0.5s;width:296px;height: 218px; background: url(../images/icon/icon_9.png) left 38px no-repeat;}
.ind03 .b .pic .bd b{ padding-bottom: 17px; display: block;font-weight: normal;font-size: 20px;color: #333;}
.ind03 .b .pic .bd i{padding-bottom: 5px; display: block;font-size: 14px;font-family:"Arial";color: #999; }
.ind03 .b .pic .bd p{margin-bottom: 12px; font-size: 16px;color: #666;line-height: 28px;}
.ind03 .b .pic .bd em{display: block;opacity: 0;transition: all 0.5s; width: 38px;height: 16px;background: url(../images/icon/icon_10.png) right center no-repeat;}
.ind03 .b .pic .bd a:hover em{opacity: 1;width: 100%;transition: all 0.5s;}
.ind03 .b .pic .bd a:hover{padding:23px 0 0 0px;transition: all 0.5s; background:none;}

.ind03 .b .pic .hd{ position:absolute; left:0px; bottom:0px; z-index:1;width: 100%; height:8px;}
.ind03 .b .pic .hd ul { width:100%;}
.ind03 .b .pic .hd ul li {margin-right:6px;display:block;float: left; width:8px; height:8px;text-align: center; text-indent:-9999em; cursor:pointer;}
.ind03 .b .pic .hd ul li span{display:block; width:100%;height:100%;background:#eee;border-radius: 8px;}
.ind03 .b .pic .hd ul .on span {background:#0da945;}


.ind03 .b .left.fr .pic .hd ul li span{background:#eee;}
.ind03 .b .left.fr .pic .hd ul .on span {background:#15499a;}

.ind03 .b .cen{ position:relative;float: left;margin-left: 22px; width: 385px;height: 370px;border-radius: 4px;background: #005694 url(../images/index/ind03_4.jpg) top center no-repeat;}
.ind03 .b .cen .tit{transition: all 0.5s; position: absolute;left: 0px;bottom: 0px;z-index: 2;width: 100%;height: 81px; color: #fff;text-align: center; border-bottom:none;background: #005694;}
.ind03 .b .cen .tit p{margin:0 auto; width: 326px; line-height: 81px;font-size: 14px;}
.ind03 .b .cen .pic{position: absolute;left: 0px;top: 0px;z-index: 3; width: 100%; height: 289px;}
.ind03 .b .cen .pic a{display: block;margin:0 0 0 30px; padding:61px 0 0 30px;transition: all 0.5s;width:296px;height: 218px; background: url(../images/icon/icon_9.png) left 66px no-repeat;}
.ind03 .b .cen .pic b{ padding-bottom: 17px; display: block;font-weight: normal;font-size: 20px;color: #fff;}
.ind03 .b .cen .pic i{padding-bottom: 5px; display: block;font-size: 14px;font-family:"Arial";color: #fff; }
.ind03 .b .cen .pic p{margin-bottom: 12px; font-size: 16px;color: #fff;line-height: 28px;}
.ind03 .b .cen .pic em{display: block;opacity: 0;transition: all 0.5s; width: 38px;height: 16px;background: url(../images/icon/icon_10s.png) right center no-repeat;}
.ind03 .b .cen:hover .pic a em{opacity: 1;width: 100%;transition: all 0.5s;}
.ind03 .b .cen:hover .pic a{padding:111px 0 0 0px;transition: all 0.5s; background:none;}
.ind03 .b .cen:hover .tit{transition: all 0.5s; height: 370px;color: #fff;text-align: left; }
.ind03 .b .cen:hover .tit p{line-height: 74px;border-bottom: #fff 1px solid;}

















.ind05{padding-top: 80px;width: 100%;height: 844px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index/ind03.jpg',sizingMethod='scale');background: url(../images/index/ind03.jpg) center no-repeat;background-size: cover;}
.ind05 .t{}
.ind05 .t .left{width: 790px;}
.ind05 .t dt{float: left;width: 303px;height: 370px;background: url(../images/index/ind03_1.png) center no-repeat;}
.ind05 .t dt a{display: block;width: 100%;height: 100%;position: relative;}
.ind05 .t dt i{display: block;position: absolute;left: 30px;bottom: 30px;width: 42px;height: 42px;background: url(../images/icon/icon_7.png) center no-repeat;}
.ind05 .t dt a:hover i{background: url(../images/icon/icon_8.png) center no-repeat;}
.ind05 .t dd{float: left;width: 487px;height: 370px;background: url(../images/index/ind03_2.png) center no-repeat;}
.ind05 .t dd a{display: block;margin:48px 0 0 75px; width: 350px;transition: all 0.5s;}
.ind05 .t dd i{margin-bottom: 17px;display: block;line-height: 58px; font-family: "Arial";font-size: 16px;color: #333;border-bottom: #005694 1px solid;}
.ind05 .t dd b{padding-bottom: 10px; display: block;font-size: 20px;color: #333;line-height: 38px;font-weight: normal;}
.ind05 .t dd p{margin-bottom: 18px; font-size: 16px;color: #999;line-height: 36px;}
.ind05 .t dd em{display: block;opacity: 0;transition: all 0.5s; width: 38px;height: 16px;background: url(../images/icon/icon_10.png) right center no-repeat;}
.ind05 .t dd a:hover{margin-top: 23px;transition: all 0.5s;}
.ind05 .t dd a:hover i{color: #005694;}
.ind05 .t dd a:hover em{opacity: 1;width: 100%;transition: all 0.5s;}
.ind05 .t .cen{ position:relative;float: left;margin-left: 22px; width: 385px;height: 370px;border-radius: 4px;background: #005694 url(../images/index/ind03_4.jpg) top center no-repeat;}
.ind05 .t .cen .tit{transition: all 0.5s; position: absolute;left: 0px;bottom: 0px;z-index: 2;width: 100%;height: 81px; color: #fff;text-align: center; border-bottom:none;background: #005694;}
.ind05 .t .cen .tit p{margin:0 auto; width: 326px; line-height: 81px;font-size: 14px;}
.ind05 .t .cen .pic{position: absolute;left: 0px;top: 0px;z-index: 3; width: 100%; height: 289px;}
.ind05 .t .cen .pic a{display: block;margin:0 0 0 30px; padding:61px 0 0 30px;transition: all 0.5s;width:296px;height: 218px; background: url(../images/icon/icon_9.png) left 66px no-repeat;}
.ind05 .t .cen .pic b{ padding-bottom: 17px; display: block;font-weight: normal;font-size: 20px;color: #fff;}
.ind05 .t .cen .pic i{padding-bottom: 5px; display: block;font-size: 14px;font-family:"Arial";color: #fff; }
.ind05 .t .cen .pic p{margin-bottom: 12px; font-size: 16px;color: #fff;line-height: 28px;}
.ind05 .t .cen .pic em{display: block;opacity: 0;transition: all 0.5s; width: 38px;height: 16px;background: url(../images/icon/icon_10s.png) right center no-repeat;}
.ind05 .t .cen:hover .pic a em{opacity: 1;width: 100%;transition: all 0.5s;}
.ind05 .t .cen:hover .pic a{padding:111px 0 0 0px;transition: all 0.5s; background:none;}
.ind05 .t .cen:hover .tit{transition: all 0.5s; height: 370px;color: #fff;text-align: left; }
.ind05 .t .cen:hover .tit p{line-height: 74px;border-bottom: #fff 1px solid;}




.ind05 .b{margin-top: 25px;}
.ind05 .b .anis{width: 789px;height: 370px;background: url(../images/s.jpg) center no-repeat;background-size: cover;}

.ind05 .b .right{width: 385px;height: 370px;background: url(../images/index/ind03_3.png) center no-repeat;}
.ind05 .b .right a{display: block;width: 100%;height: 100%;position: relative;}
.ind05 .b .right .pos{position: absolute;left: 30px;bottom: 30px;}
.ind05 .b .right i{display: block;font-family: "Arial";font-size: 16px;color: #333;}
.ind05 .b .right b{margin-bottom: 22px; display: block;font-weight: normal;font-size: 30px;color: #005694;}
.ind05 .b .right em{display: block;width: 42px;height: 42px;background: url(../images/icon/icon_8.png) center no-repeat;}
.ind05 .b .right a:hover em{background: url(../images/icon/icon_8s.png) center no-repeat;}



.ind05 .b .left{padding: 0 34px; width: 326px;height: 370px;background: #fff;border-radius: 4px;}
.ind05 .b .tit{line-height: 74px;font-size: 14px;color: #005694; border-bottom: #ccc 1px solid;}
.ind05 .b .pic{ position:relative;height: 255px;}
.ind05 .b .pic .bd{position:relative; z-index:0;margin:0px auto; overflow:hidden;}
.ind05 .b .pic .bd li{float: left; width:325px; overflow:hidden}
.ind05 .b .pic .bd a{display: block;padding:33px 0 0 0px;width:296px;height: 218px; }
.ind05 .b .pic .bd b{ padding-bottom: 17px; display: block;font-weight: normal;font-size: 20px;color: #333;}
.ind05 .b .pic .bd i{padding-bottom: 5px; display: block;font-size: 14px;font-family:"Arial";color: #999; }
.ind05 .b .pic .bd p{margin-bottom: 12px; font-size: 16px;color: #666;line-height: 28px;}
.ind05 .b .pic .bd em{display: block;margin-top: 28px; padding-left: 40px; height: 30px;line-height: 30px;font-size: 16px;color: #999; background: url(../images/ss.png) left center no-repeat;}

.ind05 .b .pic .bd a:hover b,.ind05 .b .pic .bd a:hover em{color: #005694;}
.ind05 .b .pic .bd a:hover em{background: url(../images/sss.png) left center no-repeat;}
.ind05 .b .pic .hd{ position:absolute; left:0px; bottom:0px; z-index:1;width: 100%; height:8px;}
.ind05 .b .pic .hd ul { width:100%;}
.ind05 .b .pic .hd ul li {margin-right:6px;display:block;float: left; width:8px; height:8px;text-align: center; text-indent:-9999em; cursor:pointer;}
.ind05 .b .pic .hd ul li span{display:block; width:100%;height:100%;background:#eee;border-radius: 8px;}
.ind05 .b .pic .hd ul .on span {background:#0da945;}
.ind05 .b .left.fr .pic .hd ul li span{background:#eee;}
.ind05 .b .left.fr .pic .hd ul .on span {background:#15499a;}









































.ind02 .t .swiper-container,.ind02 .b,.ind04{visibility: hidden;}
.ind02 .t .swiper-container.active,.ind02 .b.active,.ind04.active{
visibility: visible;
-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.ind01 .title b,.ind01 .title i,.ind02 .t .title b,.ind02 .t .title i{visibility: hidden;}
.ind01 .title.active b,.ind02 .t .title.active b{visibility: visible;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;}
.ind01 .title.active i,.ind02 .t .title.active i{visibility: visible;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;}



.ind01 ul li{visibility: hidden;}
.ind01 ul.active li{visibility: visible;
-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;}
.ind03 .t .left,.ind03 .t .right{visibility: hidden;}
.ind03 .t.active .left{visibility: visible;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
.ind03 .t.active .right{visibility: visible;
-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;}
.ind03 .b .left,.ind03 .b .cen{visibility: hidden;}


.ind03 .b.active .left,.ind03 .b.active .cen{visibility: visible;
-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;}


.ind05 .t .left,.ind05 .t .cen{visibility: hidden;}
.ind05 .t.active .left{visibility: visible;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
.ind05 .t.active .cen{visibility: visible;
-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;}

.ind05 .b .right,.ind05 .b .anis{visibility: hidden;}


.ind05 .b.active .right{visibility: visible;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
.ind05 .b.active .anis{visibility: visible;
-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;}